import { DefaultFooter } from '@ant-design/pro-components';
import React from 'react';
import myImage from "./gitee.png";

const imageAsIcon = (
  <img src={myImage} style={{
    width: '20px', height: '20px',
    marginRight: '5px'
  }} />
)

const Footer: React.FC = () => {
  return (
    <DefaultFooter
      style={{
        background: 'none',
      }}
      links={[
        {
          key: '牵系线',
          title: '牵系线',
          href: 'http://qianxixi.xyz:1314/xixi/index.html',
          blankTarget: true,
        },
        {
          key: 'gitee',
          title: (
            <>
              {imageAsIcon}
              <span>宇怜 gitee</span>
            </>
          ),
          href: 'https://gitee.com/yulian174',
          blankTarget: true,
        },
        {
          key: '联系宇怜',
          title: '联系宇怜',
          href: 'http://qianxixi.xyz:1314/WX/index.html',
          blankTarget: true,
        },
      ]}
    />
  );
};

export default Footer;
